//轮播2
$(function(){
    var autoquee = false;                      //是否自动滚动
    var n = 6;                                //显示区域图片张数
    var i = 6;                               //当前显示数
    var sp = 900;                            //切换速度
    var cont = $(".xn_c_index_200_inner");
    var cul = $(".xn_c_index_200_ul");
    var cli = $(".xn_c_index_200_ul li");
    var maxwin = cont.width();                              //取得盒子宽度
    var zzw = $(".xn_c_index_200_flzz").outerWidth();     //遮罩层的宽度
    var marw = cli.outerWidth(true)-cli.outerWidth();     //获取li的margin-right值
    var vw = maxwin-marw*(n-1)-zzw*2;                    //得出显示区域宽度
    var imgw = parseInt(vw/i);
    var gdw = imgw-zzw;                                //滚动宽度
    cli.css("width","159px");                            //li的宽度
    cul.find("li:last").prependTo(cul);              //将最后一张放入第一张

    //a标签内加入标签
    cli.each(function(){
        $(this).find(".xn_c_index_200_name").find("a").wrapInner("<span></span>");  
    })
    if(autoquee){
        var auto = function() {
            prevImg();
        };
        var time = setInterval(auto, 3000);
        cul.onmouseover = function() {
            clearInterval(time);
        };
        cul.onmouseout = function() {
            time = setInterval(auto, 3000);
        };
    }
    
    $(".xn_c_index_200_left,.xn_c_index_200_right,#xn_c_index_200_inner").hover(function(){
        clearInterval(time);
    },function(){
        time = setInterval(auto, 3000);
    });
    
    cli.hover(function(){
        $(this).find(".xn_c_index_200_intro").show();
    },function(){
        $(this).find(".xn_c_index_200_intro").hide();
    });
    
    $(".xn_c_index_200_left").click(function(){
        prevImg();
    });
    $(".xn_c_index_200_right").click(function(){
        nextImg();
    });
    
    //点击左边滚动
    function prevImg(){
        cul.find("li:first").stop(true,false).animate({"margin-left":-(imgw+marw*2)},sp,function(){
            $(this).css("margin-left",0).appendTo(cul);
        });
    };
    //点击右边滚动
    function nextImg(){
        cul.find("li:last").prependTo(cul);
        cul.find("li:first").css("margin-left",-(gdw+zzw+marw)).animate({"margin-left":0},sp);
    };
});
